<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>上门服务</title>
    <link rel="shout icon" href="../img/logo.ico">
    <link rel="stylesheet" type="text/css" href="../css/base.css">
    <link rel="stylesheet" type="text/css" href="../css/visitservice.css">
    <link rel="stylesheet" type="text/css" href="../font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../css/footer.css">
</head>
<body>
    <header>
        <ul>
            <li>手机</li>
            <li>电脑</li>
            <li>平板</li>
            <li>智慧屏</li>
            <li>穿戴</li>
            <li>音频</li>
            <li>更多产品</li>
            <li>HarmonyOS 2</li>
        </ul>
        <div class="right">
            <li><a href="">服务支持</a>
                <a href="">零售店</a>
                <a href="">商用</a>
            </li>
            <h1><span class="iconfont icon-sousuo"></span><i class="iconfont icon-duanxin"></i><p>华为商城</p></h1>
        </div>

    </header>
    <nav>

        <h1>上门服务</h1>
    </nav>
    <main>
        <section>
            <li><a href=""><span class="iconfont icon-shouji"></span>手机上门</a>

            </li>
       <li><a href=""> <span class="iconfont icon-qiyegouruzhu "></span>智慧屏上门</a></li>
       <li><a href=""> <span class="iconfont icon-qiyegouruzhu "></span>路由器H6上门</a></li>
        </section>
        <section>
            <img src="../img/sonpages3.1.gif" alt="">
        </section>
        <section>
           <dl>
               <dt>上门无忧-常见问题解答</dt>
               <dd>1.上门服务可以在那些地方预约</dd>
               <dd>2.那些产品可以享受上门服务</dd>
               <dd>3.什么时候可以提供上门服务</dd>
               <dd>4.那些城市可以享受上门服务</dd>
               <dd>5.上门服务收费标准如何</dd>
           </dl>
        </section>
    </main>
    <footer></footer>
    <script src="../libs/jquery.min.js"></script>
    <script>
        $("footer").load("./footer.html")
    </script>
</body>
</html>